<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<title>Tintas Gráficas Vencedor</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
<!--[if lt IE 8]><script type="text/javascript" src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script><![endif]-->
</head>

<body>
<div id="aside">
  <div>
    <div class="wrapper">
      <div id="header"> <img src="img/logo.png" alt="Tintas Gráficas Vencedor"> </div>
      
      <ul id="nav">
        <li class="inicio"><a href="index.html">&#32;</a></li>
        <li class="quienes"><a href="quienes-somos.html">&#32;</a></li>
        <li class="productos"><a href="productos.html">&#32;</a></li>
        <li class="contactenos active"><a href="contactenos.html">&#32;</a></li>
      </ul>
      
      <div id="footer">
						<select>
							<option>Español</option>
							<option>English</option>
						</select>
						<p>
							Tintas Gráficas Vencedor &copy; 2013.<br>
							Todos los derechos reservados.
						</p>
					</div>
    </div>
  </div>
</div>
<div id="content">
  <ul class="slidetabs">
				<li>1</li>
				<li>2</li>
                <li>3</li>
			</ul>
        	<div id="photo">
				<img class="background right slide" src="photos/banner27.jpg" alt="">
				<img class="background right slide" src="photos/banner28.jpg" alt="">
                <img class="background right slide" src="photos/banner32.jpg" alt="">
			</div>
  <div id="main">
    <div id="text">
      <div class="wrapper"><a class="print">&#32;</a>
        <h1 class="tit3">Contáctenos</h1>
        <div class="spacer-20">&#32;</div>
        <form id="formulario" class="f-left" action="contact-form-handler.php" method="post" name="form1">        
        <p>
            <label for="trat">Tratamiento*</label><input type="radio" name="titulo" value="Sr.">Sr.<input type="radio" name="titulo" value="Sra.">Sra.
          </p>
         <div class="clear"></div> 
        <div style="float:left; width:400px;">
        
          
         <div class="spacer-10">&#32;</div>
          <p>
            <label for="nombre">Nombres*&nbsp;&nbsp;&nbsp;Apellidos*</label><br>
            <input name="txtnombre"  id="nombre" type="text2" width="100" value=""> <input name="txtapellidos"  id="apellidos" type="text3" width="100" value="">
          </p>
          
          <div class="spacer-10">&#32;</div>
           <p>
            <label for="compania">Empresa*</label><br>
            <input name="txtcompania"  id="compania" type="text" value="">
          </p>
          
          <div class="spacer-10">&#32;</div>
          <p>
            <label for="pais">País*</label><br>
			<input name="txtpais"  id="pais" type="text" value="">
          </p>
          
          <div class="spacer-10">&#32;</div>
          <p>
            <label for="calle">Dirección*</label><br>
			<input name="txtcalle"  id="calle" type="text" value="">
          </p>
          
          <div class="spacer-10">&#32;</div>
          <p>
            <label for="codigo">Código postal*&nbsp;&nbsp;&nbsp;Ciudad*</label><br>
            <input name="txtcod"  id="cod" type="text2" width="100" value=""> <input name="txtciudad"  id="ciudad" type="text3" width="100" value="">
          </p>
          
          <div class="spacer-10">&#32;</div>
          <p>
            <label for="calle">Estado/Provincia</label><br>
			<input name="txtprov"  id="prov" type="text" value="">
          </p>
          </div> 
          
          <div style="float:left; width:375px;"><div class="spacer-10">&#32;</div>  
                
          <p>
            <label for="email">Correo Electrónico*</label><br>
            <input name="txtemail"  id="email" type="text">
          </p>
          
          <div class="spacer-10">&#32;</div>
          <p>
            <label for="telefono">Teléfono*</label><br>
            <input name="txttelefono"  id="telefono" type="text" width="100" value="">
          </p>
          
          
          
         <!-- <div class="spacer-10">&#32;</div>
          <p>
            <label for="region">Región*</label><br>            
            <select name="info" id="option">
              <option>Seleccione su Región</option>
              	<option>Amazonas</option>
                <option>Ancash</option>
                <option>Apurimac</option>
                <option>Arequipa</option>
                <option>Ayacucho</option>
                <option>Cajamarca</option>
				<option>Callao</option>
				<option>Cuzco</option>
				<option>Huancavelica</option>
				<option>Huanuco</option>
				<option>Ica</option>
				<option>Junin</option>
				<option>La Libertad</option>
                <option>Lambayeque</option>
				<option>Lima</option>
                <option>Loreto</option>
				<option>Madre de Dios</option>
				<option>Moquegua</option>
                <option>Pasco</option>
				<option>Piura</option>
				<option>Puno</option>
                <option>San Martin</option>
				<option>Tacna</option>
				<option>Tumbes</option>
				<option>Ucayali</option>
            </select>
          </p>-->
          
          <div class="spacer-10">&#32;</div>
          <p>
            <label for="region">Solicitud de Información*</label><br>            
            <select name="info" id="option">
              <option>Seleccione área dirigida</option>
              <option>Productos</option>
              <option>Servicio Técnico</option>
              <option>Cotizaciones</option>
            </select>
          </p>
          
         <div class="spacer-10">&#32;</div>
          
          <p>
            <label for="descripcion">Comentarios*</label>
            <br />
            <textarea name="txtdescripcion" id="descripcion" cols="45" rows="5"></textarea>
          </p>
          
          <div class="spacer-10">&#32;</div>
          <p>
            <!--<input name=""  type="reset" class="button" id="eraseButton"  value="Limpiar"/>
            &nbsp;&nbsp;&nbsp;&nbsp;-->
            <input name="grabar" type="submit" class="button" id="sendButton"  value="Enviar"/>
			  <div class="spacer-10">&#32;</div>
			<span class="small">* Campos obligatorios</span>
          </p>
          </div>
          <div class="spacer-10">&#32;</div>
        </form>
      </div>
    </div>
    <div id="menu">
    <div id="contacto">
      <p>
      <strong>TINTAS GRAFICAS VENCEDOR S.A.</strong><br>
      Av. Los Tusilagos Este Nº 400 San Juan de Lurigancho - Lima - Perú</p>
      <p><strong>Código postal:</strong><br>Lima 36 </p>
      <p><strong>Teléfono:</strong><br>(51-1) 4596316 - 6366 - 6367</p>
      <p><strong>Fax:</strong><br>(51-1) 4596362</p>
      <p><strong>Persona de contacto:</strong><br>Zaira Alfaro</p>
      <p><strong>E-mail:</strong><br><a href="mailto:tintas.graficas@tgv.com.pe">tintas.graficas@tgv.com.pe</a></p>
    </div>
    </div>
    <div id="submenu"> <img src="photos/img-quienes1.jpg" alt="" width="100%"><img src="photos/img-contact1.jpg" alt="" width="100%">  </div>
  </div>
</div>

		<!-- Javascript --> 
		<script type="text/javascript" src="js/jquery.tools.min.js"></script> 
		<script type="text/javascript" src="js/jquery.imagesloaded.min.js"></script>
		<script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script> 
		<script type="text/javascript" src="js/script.js"></script>
		<script type="text/javascript" src="js/gen_validatorv31.js"></script>
		<script type="text/javascript">
			var frmvalidator  = new Validator("form1");
			frmvalidator.addValidation("txtnombre","req","Ingrese sus nombres");
			frmvalidator.addValidation("txtapellidos","req","Ingrese sus apellidos");
			frmvalidator.addValidation("txtcompania","req","Ingrese el nombre de la empresa");
			frmvalidator.addValidation("txtpais","req","Ingrese el país");
			frmvalidator.addValidation("txtcalle","req","Ingrese la dirección");
			frmvalidator.addValidation("txtcod","req","Ingrese el código postal");
			frmvalidator.addValidation("txtciudad","req","Ingrese la ciudad");
			frmvalidator.addValidation("txtemail","req","Ingrese un email");
			frmvalidator.addValidation("txtemail","email","Ingrese un email válido");
			frmvalidator.addValidation("info","req","Ingrese la información a solicitar");
			frmvalidator.addValidation("txtdescripcion","req","Ingrese los comentarios");
		</script>
		<script type="text/javascript" src="js/css3-mediaqueries.js"></script>
</body>
</html>